<template>
  <div class="out">
    <div class="left">{{ label }}</div>
    <div class="right">{{ modelValue }}</div>
  </div>
</template>
<script setup>
defineProps({
  // 若 label 是普通属性：保留；若用于 v-model:label：建议注释说明
  label: {
    type: String,
    default: '',
    required: false
  },
  // 替换 value 为 modelValue，符合 v-model 规范
  modelValue: {
    type: [Object, String, Number, Boolean],
    default: () => ({}), // 修复对象默认值的潜在问题
    required: false
  }
});
</script>

<style scoped>
.out {
  border: 1px solid rgba(32, 160, 255, 0.6);
  border-bottom: 0;
}

.left {
  display: inline-block;
  width: 100px;
  margin-left: 2px;
  border-right: 1px solid rgba(32, 160, 255, 0.6);
}

.right {
  display: inline-block;
  padding-left: 2px;
  width: calc(100% - 100px - 14px);
}
</style>
